<!DOCTYPE html>
<html>
<head>
  <title>{$seckill.name}</title>
  <meta charset="UTF-8">
  <meta name="viewport" content=" initial-scale=1.0,user-scalable=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  <meta name="format-detection" content="telephone=no"/>
  <meta name="viewport" content="width=device-width,  initial-scale=1.0, user-scalable=0, minimum-scale=1.0,  maximum-scale=1.0" />
  <script src="__PUBLIC__/Style/Common/js/jquery-1.8.3.min.js"></script>
  <style>
             body, button, input, select, textarea {
              font: 12px/1.5 Microsoft YaHei,Tahoma,Helvetica,Arial,'宋体',sans-serif,\5b8b\4f53;
             }
             html, body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
              padding: 0 ;
              margin: 0 ;
             }
             address, cite, dfn, em, var, i {
              font-style: normal;
             }
             ul, ol, dl, li {
              list-style: none;
             }
            img { border: none; }
            li { list-style: none; }
            a{ color: #333333;text-decoration: none; border: none; }
            a:hover { color:#bb0000;cursor: pointer; }
            body {
              background: #0D4278;
            }
            .max-box {
              max-width: 640px;
              margin: 0 auto;
            }
            .pur-click {
              width: 40%;
              max-width: 200px;
              border-radius: 5px;
              margin: 0 auto;
              overflow: hidden;
              text-align: center;
              padding: .5em 0;
              background: #fff;
              color: #FE5400;
              font-size: 1.3em;
              font-weight: bold;
            }
            .prr-tit {
              text-align: center;
              color: #417EBD;
              line-height: 40px;
              font-size: 1.2em;
            }
            .time-top {
              width: 100%;
              padding: 10px 0;
              background: #082E55;
            }
            .time-top li {
              width: 33.33%;
              float: left;
              text-align: center;
            }
            .time-top li p {
              width: 35px;
              height: 35px;
              display: block;
              margin: 0 auto;
              background-size: 100% 100%;
            }
            .clear:after {
              content: "";
              display: block;
              clear: both;
            }
            .time-top li span {
              display: block;
              margin: 3px 0 0 0;
              font-size: 1.4em;
            }
            .time-top li u {
              text-decoration: none;
              color: #616870;
              font-size: 1.1em;
            }
            .time-top li.over p {
              background-image: url(__PUBLIC__/Style/Home/Seckill/images/icon_noshop.jpg);
            }
            .time-top li.over span {
              color: #7A7A7A;
            }
            .time-top li.today span , .time-top li.today u  {
              color: #DA675A;
            }
            .time-top li.tomorrow span , .time-top li.tomorrow u  {
              color: #00AC3D;
            }
            .time-top li.today p {
              background-image: url(__PUBLIC__/Style/Home/Seckill/images/icon_time_r.jpg);
            }
            .time-top li.tomorrow p {
              background-image: url(__PUBLIC__/Style/Home/Seckill/images/icon_time_g.jpg);
            }
            .time-cont {
              text-align: center;
            }
            .time-cont {
              width: 220px;
              margin: 0 auto;
            }
            .cont-t {
              height: 35px;
              line-height: 35px;
              width: 200px;
              margin: 0 auto;
              position: relative;
            }
            .cont-t p {
              width: 200px;
              margin: 0 auto;
              color: #FDCA6F;
              font-size: 1.5em;
            }
            .cont-t p span {
              display: inline-block;
              border: 2px solid #FCCA71;
              width: 15px;
              height: 15px;
              line-height: 15px;
              font-size: .7em;
              border-radius: 50%;
            }
            .cont-t:after {
              content: "";
              position: absolute;
              left: 0;
              top: 14px;
              width: 15px;
              height: 1px;
              float: left;
              background: #FCCA71;
            }
            .cont-t:before {
              content: "";
              position: absolute;
              right: 0;
              top: 14px;
              width: 15px;
              height: 1px;
              float: right;
              background: #FCCA71;
            }
            .cont-c {
              color: #FE5400;
              font-size: 1.4em;
              font-weight: bold;
            }
            .cont-b {
              position: relative;
              height: 55px;
            }
            .cont-b:after {
              content: "";
              display: block;
              width: 100%;
              height: 40px;
              background: url(__PUBLIC__/Style/Home/Seckill/images/bg_qa.jpg) no-repeat;
              background-size: 100% 100%;
            }
            .cont-b p {
              position: absolute;
              bottom: 0;
              text-align: center;
              width: 100%;
              color: #4B88C7;
              font-size: 1.4em;
            }
            .x {
              margin: 5px 10px;
              height: 0;
              overflow: hidden;
              border-top: 1px dotted #3B76B0;
            }
            .t {
              margin: 0 10px;
              height: 0;
              overflow: hidden;
              margin-bottom: 15px;
              border-top: 1px solid #3B76B0;
            }
            .four {
              margin: 0 10px;
            }
            .four ul li {
              width: 25%;
              float: left;
              text-align: center;
              color: #20B12E;
            }
            .four ul li span {
              display: block;
              font-size: 1.4em;
              margin-top: 8px;
            }
            .four ul li u {
              text-decoration: none;
              font-size: 1em;
            }
            .icon_head p{
              background: url(__PUBLIC__/Style/Home/Seckill/images/icon_head.jpg) ;
              background-size: 100% 100%;
              height: 40px;
              width: 40px;
              margin: 0 auto;
            }
            .list li div{
              position: relative;
              height: 40px;
              margin: 10px 0;
            }
            .list li div p {
              position: absolute;
              left: 0;
              top: 0;
              width: 40px;
              height: 40px;
              background-size: 100% 100%;
              text-align: center;
              line-height: 40px;
            }
            .list li div span {
              display: block;
              margin-left: 50px;
              line-height: 40px;
              color: #FFA34C;
              font-size: 1.4em;
              font-weight: bold;
            }
            .list-t p{
              background: url(__PUBLIC__/Style/Home/Seckill/images/icon_neb1.jpg);
            }
            .list-2 p{
              background: url(__PUBLIC__/Style/Home/Seckill/images/icon_neb2.jpg);
            }
            .list-3 p{
              background: url(__PUBLIC__/Style/Home/Seckill/images/icon_neb3.jpg);
            }
            .list-4 p{
              background: url(__PUBLIC__/Style/Home/Seckill/images/icon_neb4.jpg);
            }
            .list img {
              width: 100%;
            }
            .list {
              margin: 0 10px;
            }
            .tit {
              color: #FFA34C;
              font-size: 1.4em;
              font-weight: bold;
              margin: 0 10px;
            }
            .form1 {
              margin: 0 10px 20px 10px;
            }
            .form1 li {
              margin-top: 15px;
            }
            .form1 li .form-t{
              color: #AAF5FB;
              margin: 7px 0;
              font-size: 1.4em;
            }
            input {
              border:none;
            }
            .form1 li input {
              width: 100%;
              border-radius: 5px;
              background: #1E66B2;
              height: 30px;
              line-height: 30px;
              text-indent: 10px;
            }
            .text-hidden {
              color: red;
              display: none;
              margin-top: 5px;
            }
            .times-left {
              position: relative;
              margin:10px 0  14px 0;
            }
            .times-left p {
              position: relative;
              left: 0;
              padding: 5px 0;
              background: #E66B5B;
              font-size: 2em;
              font-weight: bold;
              color: #FFFFFE;
              width: 150px;
              float: left;
              text-align: center;
                margin: 0 10px;
            }
            .times-left p:after {
              content: "";
              display: block;
              width: 12px;
              height: 14px;
              background: url(__PUBLIC__/Style/Home/Seckill/images/jiao.png) ;
              background-size: 100% 100%;
              position: absolute;
              bottom: -14px;
              right: 20px;
            }
            .times-left span {
              position: absolute;
              right: 0;
              bottom: 0;
              font-size: 1.2em;
              color: #fff;
            }
            .times {
              margin: 0 0 14px 0;
            }
            .banner img {
              width: 100%;
            }
            .times-b b{
              display: block;
              width: 35px;
              height: 35px;
              background: url(__PUBLIC__/Style/Home/Seckill/images/icon_clock.jpg);
              background-size: 100% 100%;
              float: left;
            }
            .times-b u {
              text-decoration: none;
              color: #5B9CE0;
              font-size: 1.5em;
              line-height: 35px;
              margin-left: 5px;
              float: left;
            }
            .times-b span{
              color: #fff;
              display: block;
              float: left;
              margin-right: 4px;
              background: #000;
            	line-height: 34px;
            	text-align: center;
            	font-size: 1.4em;
            	width: 30px;
            	height: 34px;
            }
            .times-b {
              height: 35px;
              float: right;
                margin-right: 10px;
            }
            .times-b i {
              display: block;
              float: left;
              margin-right: 4px;
              font-size: 1.5em;
              height: 35px;
              font-weight: bold;
              line-height: 35px;
            }
            .bott {
           display: none;
            }
            #form {
        display: none;
            }
            .pur--cy {
          display: none;
            }
            p.pur-hui {
          color: #fff;
                background: #5F4C4C;
            }
            .fixed {
	             width: 200px;
            	 display: none;
            	 background: #1B73D5;
               border-radius:8px;
            	 position:fixed;
            	 left:50%;
            	 margin-left: -110px;
            	 bottom: 100px;
            	 padding: 10px;
            	 z-index:999;
            	padding-bottom: 15px;
            }
            .fixed span {
	           display: block;
            	padding: 10px 0; 
            	color: #fff;
            	font-size: 1.4em;
            	text-align: center;
            }
            .fixed p {
	            position: absolute;
            	font-size: 1.2em;
            	border-radius: 50%;
            	background: #fff;
            	color: #AF9898;
            	width: 20px;
            	height: 20px;
            	line-height: 20px;
            	right: -7px;
							top: -6px;
							text-align: center;
            }
            .bottom-tit {
	             max-width: 640px;
            	 margin: 5px auto;
            	 text-align: center;
               color: #fff;
            	 font-size: 1.2em;
            }
            .text-hidden-tel {
	             display: none;
            	 color: red;
            }
            p.pur-wait {
	             background: #ccc;
            	 display: none;
            }
            .fixed a {
	             display: block;
							color: #000;
							width: 150px;
							background: #fff;
							text-align: center;
							padding: 5px 0;
							margin: 0 auto;
							border-radius: 8px;
							margin-top: 10px;
            }
            .fixed b {
	            color: #fff;
            	display: block;
            	margin: 5px 0;
            	text-align: center;
            }
  </style>
  <script>
    $(function(){
      $(".pur-over").click(function(){
        $(".text-hidden").hide();
        $(".text-hidden-tel").hide();
        var oTrue=true;
        if($("#form input").eq(0).val()==""){
          $(".text-hidden").eq(0).show();
          oTrue=false;
        }
        var myreg =/^(1(([345][0-9])|[8][0123456789]))\d{8}$/;
        if($("#form input").eq(1).val()==""){
        	$(".text-hidden").eq(1).show();
          oTrue=false;
        } else if(!myreg.test($("#form input").eq(1).val())){
        	 $(".text-hidden").eq(1).hide();
        	 $(".text-hidden-tel").show();
           oTrue=false;
        }
        if($("#form input").eq(2).val()==""){
          $(".text-hidden").eq(2).show();
          oTrue=false;
        }
        var ourl="__CONTROLLER__/apply";
        if(oTrue==true){
        	$(".pur-over").hide();
        	$(".pur-wait").show();
           $.ajax({
                 type: "post",
                 url: ourl,
                 data:{name:$("#form input").eq(0).val(),tel:$("#form input").eq(1).val(),room_id:$("#form input").eq(2).val()},
                 success: function(data){
                	 $(".pur-wait").hide();
                   $(".pur-over").show();
                	 $(".fixed").show();
                	 $(".fixed span").html(data.msg)
                	 if(data.error=="0"){
                		 $(".text-input input").val("");
                	 }
                 }
                });
        }
      })
      $(".pur--cy").click(function(){
        $("html, body").animate({
          scrollTop: $(".bott").offset().top
        })

      })
      // 倒计时
      function GetRTime(num,obj,bk,oTime,curr_date){
         var t =num.getTime() - obj,
             d=Math.floor(t/1000/60/60/24),
             h=Math.floor(t/1000/60/60%24),
             m=Math.floor(t/1000/60%60),
             s=Math.floor(t/1000%60),
             ourl="__CONTROLLER__/apply";
         if(obj>bk.getTime()){
             $("#form").hide();
             $(".bott").hide();
             $(".pur--cy").hide();
             $(".pur-hui").show();
             if(curr_date=="2014/10/09"){
            	   $(".time-top li").removeClass();
                 $(".time-top li u").html("已经结束");
                 $(".time-top li").eq(0).addClass("over");
                 $(".time-top li u").eq(1).html("已经结束");
                 $(".time-top li").eq(1).addClass("over");
                 $(".time-top li u").eq(2).html("即将开始");
                 $(".time-top li").eq(2).addClass("today");
             }else if(curr_date=="2014/10/10"){
            	   $(".time-top li").removeClass().addClass("over");
                 $(".time-top li u").html("已经结束");
             }else{
            	 $(".time-top li").removeClass().addClass("over");
                 $(".time-top li u").html("已经结束");
             }
             
         }else{
        	 if(d>="0"&h>="0"&m>="0"&s>="0"){
                 document.getElementById("t_d").innerHTML = d ;
                 document.getElementById("t_h").innerHTML = h ;
                 document.getElementById("t_m").innerHTML = m ;
                 document.getElementById("t_s").innerHTML = s ;
              }else{
                  $("#form").show();
                  $(".bott").show();
                  $(".pur--cy").show();
                  $(".pur-hui").hide();
                  if(curr_date=="2014/10/09"){
                	  $(".time-top li u").eq(1).html("正在进行");
                  }else if(curr_date=="2014/10/10"){
                    $(".time-top li u").eq(2).html("正在进行");
                  }
              }
         }
        
     }
     $(".fixed p").click(function(){
    	 $(".fixed").hide();
     }) 
      $.ajax({
          type: "post",
          url: "http://5.wmei.sinaapp.com/index.php/Home/Seckill/getStartTime",
          success: function(data){
              var begin_time=new Date(data.begin_time),
                  end_time=new Date(data.end_time),
                  current_time=new Date(data.current_time),
                  current_date=data.current_date,
                  start_time=data.start_time,
                  over_time=data.over_time;
              if(end_time.getTime()>current_time.getTime()&current_time.getTime()>begin_time.getTime()){
            	    var oToday=null;
            	    var EndTime = new Date (current_date+" "+start_time);
                    var overTime = new Date (current_date+" "+over_time);  
                    var k=current_time.getTime(); 
            	    one(current_date,current_time,overTime);
                     setInterval(function(){
                         k+=1000;
                        GetRTime(EndTime,k,overTime,oToday,current_date);
                     },1000);
              }else{
            	  $(".time-top li").removeClass().addClass("over");
                  $(".time-top li u").html("已经结束");
              }
       
          }
         });
     function one(obj,bsk,over){
    	  if(String(obj)=="2014/10/09"){
              $(".time-top li").removeClass();
              $(".time-top li u").html("已经结束");
              $(".time-top li").eq(0).addClass("over");
              $(".time-top li u").eq(1).html("即将开始");
              $(".time-top li").eq(1).addClass("today");
              $(".time-top li u").eq(2).html("敬请期待");
              $(".time-top li").eq(2).addClass("tomorrow");
              oToday="2014/10/09";
              if(bsk.getTime()>over.getTime()){
                  $(".time-top li").removeClass();
                  $(".time-top li u").html("已经结束");
                  $(".time-top li").eq(0).addClass("over");
                  $(".time-top li u").eq(1).html("已经结束");
                  $(".time-top li").eq(1).addClass("over");
                  $(".time-top li u").eq(2).html("即将开始");
                  $(".time-top li").eq(2).addClass("today");
               }
            }else if(String(obj)=="2014/10/10"){
              $(".time-top li").removeClass();
              $(".time-top li u").html("已经结束");
              $(".time-top li u").html("已经结束");
              $(".time-top li").eq(0).addClass("over");
              $(".time-top li").eq(1).addClass("over");
              $(".time-top li u").eq(2).html("即将开始");
              $(".time-top li").eq(2).addClass("today");
              oToday="2014/10/10";
              if(bsk.getTime()>over.getTime()){
                  $(".time-top li").removeClass().addClass("over");
                  $(".time-top li u").html("已经结束");
               }
            }else {
              $(".time-top li").removeClass();
              $(".time-top li u").html("已经结束");
              $(".time-top li").addClass("over");
            }
     }

   
    })
  </script>
 <script>
     $(function(){
       if(isWeiXin()){}else{
              document.write("<style>.inner{margin-top: 20px;}body{line-height:1.6;font-family:'Helvetica Neue',Helvetica,'Microsoft YaHei',Arial,Tahoma,sans-serif;}body,h1,h2,h3,h4{margin:0;}a img{border:0;}body{background-color: #e1e0de;}.page_msg .msg_content h4{font-weight: 400;color: #000000;}.page_msg{text-align:center;}.icon80_smile{background-image: url('');width: 80px;height: 80px;display: inline-block;}</style><div class='page_msg'><div class='inner'><span class='msg_icon_wrp'><i class='icon80_smile'></i></span><div class='msg_content'><h4>请在微信客户端打开链接</h4></div></div></div>");
            }
     })
      function isWeiXin(){
        var ua = window.navigator.userAgent.toLowerCase();
        if(ua.match(/MicroMessenger/i) == 'micromessenger'){
        return true;
        }else{
        return false;
        }
      }
  </script>
<body >
  <div class="fixed">
    <span>抢购成功！</span>
    <b>新生入网大团购&全校最低价！</b>
    <a href="http://5.wmei.sinaapp.com/index.php/Home/Groupon/show?sid=49">立即前往></a>
    <p>X</p>
  </div>
  <div class="max-box">
    <div class="top">
      <div class="times clear">
        <div class="times-left clear">
          <p>仅限72小时</p>
          <span>整点开抢！狂降三天！</span>
        </div>
        <div class="times-b">
          <b></b><u>剩余时间：</u>
          <span id="t_d">00</span><i>:</i>
          <span id="t_h">00</span><i>:</i>
          <span id="t_m">00</span><i>:</i>
          <span id="t_s">00</span>
        </div>
      </div>
      <div class="banner">
        <img src="__PUBLIC__/Style/Home/Seckill/images/bg_pic.jpg" alt=""></div>
      <div class="purchase">
        <p class="pur-click pur--cy">我要抢购</p>
        <p class="pur-click pur-hui">22点准时开始</p>
        <p class="prr-tit">每天22点起开抢，150份必有一个属于你！</p>
      </div>
    </div>
    <div class="time">
      <ul class="time-top clear">
        <li class="over">
          <p></p>
          <span>10月8日</span> <u>已经结束</u>
        </li>
        <li class="today">
          <p></p>
          <span>10月9日</span>
          <u>即将开始</u>
        </li>
        <li class="tomorrow">
          <p></p>
          <span>10月10日</span>
          <u>敬请期待</u>
        </li>
      </ul>
      <div class="time-cont">
        <div class="cont-t">
          <p>
            360随身WIFI
            <span>2</span>
          </p>
        </div>
        <div class="cont-c">迄今为止最畅销的WIFI</div>
        <div class="cont-b">
          <p>已售1300万台</p>
        </div>
      </div>
      <div class="x"></div>
      <div class="t"></div>
      <div class="four">
        <ul class="clear">
          <li class="icon_head">
            <p></p>
            <span>销量领先</span>
            <u>总销量1500万台</u>
          </li>
          <li class="icon_head">
            <p></p>
            <span>省钱0流量</span>
            <u>告别手机流量</u>
          </li>
          <li class="icon_head">
            <p></p>
            <span>即插即用</span>
            <u>插入电脑WIFI立现</u>
          </li>
          <li class="icon_head">
            <p></p>
            <span>金牌服务</span>
            <u>一对一试用帮助</u>
          </li>
        </ul>
      </div>
      <ul class="list">
        <li>
          <div class="list-t">
            <p></p>
            <span>接上互联网的计算机就能上网</span>
          </div>
          <img src="__PUBLIC__/Style/Home/Seckill/images/im_1.jpg" alt=""></li>
        <li>
          <div class="list-2">
            <p></p>
            <span>360安全卫士为您创造免费WIFI</span>
          </div>
          <img src="__PUBLIC__/Style/Home/Seckill/images/im_2.jpg" alt=""></li>
        <li>
          <div class="list-3">
            <p></p>
            <span>同时接入多台设备，轻松分享</span>
          </div>
          <img src="__PUBLIC__/Style/Home/Seckill/images/im_3.jpg" alt=""></li>
        <li>
          <div class="list-4">
            <p></p>
            <span>小巧机身，缤纷色彩，多重选择</span>
          </div>
          <img src="__PUBLIC__/Style/Home/Seckill/images/im_4.jpg" alt=""></li>
      </ul>
    </div>
    <div class="x"></div>
    <div class="t"></div>
    <div class="tit bott">每个ID只能抢购一件商品哦</div>
    <ul class="form1" id="form">
      <li>
        <div class="form-t">姓名</div>
        <div class="text-input">
          <input type="text"></div>
        <div class="text-hidden">写一下名字吧！</div>
      </li>
      <li>
        <div class="form-t">手机电话</div>
        <div class="text-input">
          <input type=" text" value=""  onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
        <div class="text-hidden">写一下电话号码吧！</div>
        <div class="text-hidden-tel">电话好像输错了哦~</div>
      </li>
      <li>
        <div class="form-t">宿舍号</div>
        <div class="text-input">
          <input type="text"></div>
        <div class="text-hidden">写一下宿舍号吧！</div>
      </li>
      <li>
        <p class="pur-click pur-over">我要抢购</p>
        <p class="pur-click pur-wait">我要抢购</p>
      </li>
    </ul>
  </div>
  <div class="bottom-tit">版权所有@西亚斯助手</div>
</body>
</html>